<html>
<head>
<style>
@page {
  size: 300px 300px;
}
svg {
  border: 1px solid red;
  width: 100px;
  height: 100px;
}
</style>
</head>
<body>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <text y="40" x="10" font-family="Karla" font-weight="bold" font-size="32">Karla Bold</text>
  <circle cx="50" cy="80" r="20"/>
</svg>
</body>
</html>
